*{
    margin: 0;
    padding: 0;
  }
  .hello .nav{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-top: #eee 1px solid;
    box-sizing: border-box;
  }
  .hello .nav ul{
    width: 100%;
    height: 100%;
    display: flex;
  }
  
  
  .hello .nav ul li{
    font-size: 24px;
    flex:1;
    color:#333;
    text-align: center;
    line-height: 160px;
    position: relative;
  }
  .hello .nav ul li:first-child p{
    color: #444;
    background: url('../../static/img/index/home.png') no-repeat;
    background-size: 48px 48px;
    background-position: 50% 10%;
    }
  .hello .nav ul li:nth-child(2) p{
    background: url('../../static/img/index/sello.png') no-repeat;
    background-size: 48px 48px;
    background-position: 50% 10%;
    }
   
    .hello .nav ul li:last-child p{
    background: url('../../static/img/index/voice.png') no-repeat;
    background-size: 48px 48px;
    background-position: 50% 10%;
    }
   .hello .nav #home .router-link-active{
    color: #44c118;
  }
  .hello .nav #home .router-link-active{
    color: #44c118;
  }
   .hello .nav #home .router-link-active .icon-bar {
    background: url('../../static/img/index/voice1.png') no-repeat;
    background-size: 48px 48px;
    background-position: 50% 10%;
  }
   .hello .nav #home .router-link-active .icon-foo {
    color: #44c118;
    background: url('../../static/img/index/home1.png') no-repeat;
    background-size: 48px 48px;
    background-position: 50% 10%;
  }